<template>
	<div class="header">
		<router-link to="/" class="header-left">
			<div class="iconfont icon-city-back">&#xe623;</div>			
		</router-link>
		城市选择
	</div>
</template>

<script>
	export default {
		name: 'CityHeader'
	}
</script>

<style lang="stylus" scoped>
	@import "~styles/variable.styl"
	.header
		height:$height
		line-height:$height
		text-align:center
		font-size:.32rem
		color:#fff
		background:$bgColor
		.header-left
			position:absolute
			top:0
			left:0
			padding:0 .2rem
			color:#fff
			.icon-city-back
				font-size:.4rem
</style>